پیشتر برای نمایش یک وب سایت در موبایل، از طراحی و برنامه نویسی مجزا با عنوان Mobile version یا سایت موبایل استفاده می‌شد.

اما با طراحی سایت واکنش گرا دیگر نیازی نیست که برای موبایل یک سایت اختصاصی طراحی کرد.

در طراحی سایت واکنش گرا (Responsive Web Design) ساختار لایه‌های سایت به صورت شناور طراحی می‌شود که باعث تنظیم خودکار عرض صفحه، سایز متن و ... در ابعاد مختلف می شود.

سایت «آشتی با خرد» نیز واکنش گرا طراحی شده است. و برای نمایش در گوشی‌های همراه سازگار است.

از این رو نمایش سایت در کامپیوتر با نمایش آن در گوشی همراه بسیار مشابه است. اما به دلیل کوچکی صفحه نمایش گوشی، تفاوتهای اندکی دارد.

این تفاوتها را در ادامه می‌بینیم.

تفاوت نخست:

در تمامی صفحات ابزار سرصفحه (دایره ۱) و ابزار پاصفحه (دایره ۲) تبدیل به منو شده است.  (تصویر شماره ۱ و ۲)

تصویر شماره ۱

تصویر شماره ۲

با لمس کردن این دو نقطه منوی مربوطه باز شده و اجزای آن نمایش داده می‌شود. (تصویر شماره ۳)

تصویر شماره ۳

با لمس دوباره، منوها بسته شده و به حالت اول در می‌آید.

این وضعیت در تمامی صفحات سایت مشاهده می‌شود.

تفاوت دوم:

درختواره از تمامی صفحات حذف شده است.

اما در هر یک از صفحات «میز تحقیقات» و صفحه «مطالعه مشروح مطالب»، ابزار نمایش درختواره تدارک دیده شده است. (تصویر شماره ۴و۵)

تصویر شماره ۴

تصویر شماره ۵

با لمس نقطه مشخص شده می‌توانید به نمایش درختواره دسترسی پیدا کنید.